<section class="page report-manage-page">
  <div class="title">
    周报管理
  </div>
  <div class="command">
    <a routerLink="/report-detail">新建周报</a>
  </div>
  <div nz-row [nzGutter]="16">
    <div nz-col [nzMd]="24">
      <nz-card>
        <ng-template #body>
          <nz-table #nzTable [nzAjaxData]="dataSet" [nzShowSizeChanger]="true" [nzLoading]="page.loading" [nzTotal]="page.total" [(nzPageIndex)]="page.pageIndex"
            (nzPageIndexChange)="refreshData()" [(nzPageSize)]="page.pageSize" (nzPageSizeChange)="refreshData()">
            <thead nz-thead>
              <tr>
                <th nz-th>
                  <span>日期</span>
                </th>
                <th nz-th>
                  <span>团队</span>
                </th>
                <th nz-th>
                  <span>提交人</span>
                </th>
                <th nz-th>
                  <span>提交时间</span>
                </th>
                <th nz-th>
                  <span>操作</span>
                </th>
              </tr>
            </thead>
            <tbody nz-tbody>
              <tr nz-tbody-tr *ngFor="let data of nzTable.data">
                <td nz-td>{{data.start|date : 'yyyy.MM.dd'}} - {{data.end|date : 'yyyy.MM.dd'}}</td>
                <td nz-td>{{data.team}}</td>
                <td nz-td>{{data.admin}}</td>
                <td nz-td>{{data.createdAt | date : 'yyyy.MM.dd'}}</td>
                <td nz-td>
                  <a [routerLink]="['/report-detail',{id:data.id}]">查看</a>
                </td>
              </tr>
            </tbody>
          </nz-table>
        </ng-template>
      </nz-card>
    </div>
  </div>
</section>
